<template>
	<fui-status-bar />
	<view :style="computedHeight" />
</template>

<script setup lang="ts">
	
	import { computed } from 'vue'
	
	const props = withDefaults(defineProps<{
		barHeight?: number | string
	}>(),{
		barHeight: 96
	})
	
	const computedHeight = computed(() => {
		const height = props.barHeight.toString()
		console.log('高度123', height)
		if (height.includes('rpx')) return { height }
		else return { height: `${height}rpx` }
	})
	
</script>